<template>
	<view>
		<view class="cont">
			<view class="top">
				{{jijinInfo.title}}

			</view>
			<view class="model">
				{{jijinInfo.project_content}}
			</view>
			<view class="images">
				<image :src="jijinInfo.image" mode=""></image>
			</view>
			<view class="model">
				{{jijinInfo.content}}
			</view>
		</view>

	</view>
</template>

<script>
	import http from '@/shopro/request/index.js';
	export default {
		data() {
			return {
				jijinInfo: [],
				id:5
			};
		},
		onLoad(options) {
			this.activityDetail()
			options.id && this.getCityDetail(options.id);
		},
		// activityDetail
		methods: {
			activityDetail(id) {
				http("city.activityDetail",{id:id})
					.then((res) => {
						console.log(res);
						this.jijinInfo = res.data;
					})
					.catch((err) => {});
			}
			}

		}
</script>

<style lang="scss">
	page {
		background-color: #fff;
	}

	.top-r {
		display: flex;
	}

	.cont {
		height: 906rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 0 30rpx;
	}

	.top-r-b {
		font-family: PingFang;
		font-weight: bold;
		font-size: 36rpx;
		color: #000000;
		line-height: 30rpx;
		margin-left: 31rpx;
	}

	.top-r-m {
		width: 2rpx;
		height: 32rpx;
		background: #C7C7C7;
		margin: 0 37rpx;
	}

	.top-r-t {
		font-family: PingFang;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		line-height: 30rpx;
	}

	.model {
		font-family: PingFang;
		font-weight: 500;
		font-size: 30rpx;
		color: #333333;
		line-height: 44rpx;
	}

	.images {
		width: 100%;
		height: 340rpx;
		margin: 27rpx 0 31rpx;

		image {
			width: 100%;
			height: 340rpx;
		}
	}

	.top {
		font-family: PingFang;
		font-weight: bold;
		font-size: 36rpx;
		color: #020202;
		line-height: 30rpx;
		padding-top: 27rpx;
		margin-bottom: 45rpx;
	}

	.top-l {
		image {
			width: 180rpx;
			height: 180rpx;
		}
	}
</style>